@import "../../assets/styles/theme.module.scss";
.dashboard_file_up_load_box {
  position: relative;
  border: 1px solid #666;
  border-radius: 4px;
  max-width: 16rem;
  height: 10rem;
  padding: 0.5rem;

  .dashboard_image_show {
    height: 100%;
    img {
      width: 100%;
      height: 100%;
      border-radius: 4px;
      object-fit: cover;
      object-position: center;
    }
  }
  .dashboadr_file_up_load_button {
    display: inline-flex;
    cursor: pointer;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    padding: 6px 16px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    background-color: $main_light;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
      rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    .dashboard_file_up_load_label {
      display: flex;
      align-items: center;
    }
    .dashboard_svg {
      margin-right: 0.5rem;
    }
  }
}
input[type="file"] {
  height: 1px;
  width: 1px;
  position: absolute;
  z-index: 100;
}

.dashboard_video_file_up_load_box {
  .dashboard_video_file_up_load_main {
    .dashboard_video_file_up_load_drop {
      display: inline-block;
      width: 15rem;
      height: 10rem;
      border: 1px #666 dashed;
      border-radius: 5px;
      display: flex;
      align-items: center;
      flex-direction: column;
      cursor: pointer;
      .dashboard_video_svg {
        height: 10rem;
        width: 10rem;
      }
      .dashboard_video_text {
        color: #999;
        font-size: 1.5rem;
      }
      &.dragging {
        opacity: 0.7;
      }
    }
  }
}
